<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" th:encoding="UTF-8">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div>
    <includetail>
        <div align="center">
            <div class="open_email" style="margin-left: 8px; margin-top: 8px; margin-bottom: 8px; margin-right: 8px;">
                <div>
                    <br>
                    <span class="genEmailContent">
                        <div id="cTMail-Wrap"
                             style="word-break: break-all;box-sizing:border-box;text-align:center;min-width:320px; max-width:660px; border:1px solid #f6f6f6; background-color:#f7f8fa; margin:auto; padding:20px 0 30px; font-family:'helvetica neue',PingFangSC-Light,arial,'hiragino sans gb','microsoft yahei ui','microsoft yahei',simsun,sans-serif">
                            <div class="main-content" style="">
                                <table style="width:100%;font-weight:300;margin-bottom:10px;border-collapse:collapse">
                                    <tbody>
                                    <tr style="font-weight:300">
                                        <td style="width:3%;max-width:30px;"></td>
                                        <td style="max-width:600px;">

                                            <div id="cTMail-logo" style="width:150px; height:25px;display: flex">

                                                <a style="display: flex" href="">

                                                    <img border="0"
                                                         src="https://i.postimg.cc/QCjSjTZF/logo2.png"
                                                         style="width:30px; height:30px;" alt="">
                                                </a>
                                                <p style=";font-size: 30px;font-family: Thorin,serif;margin-top: -2px;margin-left: 5px">ZCOJ</p>
                                            </div>

                                            <p style="height:2px;background-color: #00a4ff;border: 0;font-size:0;padding:0;width:100%;margin-top:20px;"></p>

                                            <div id="cTMail-inner"
                                                 style="background-color:#fff; padding:23px 0 20px;box-shadow: 0px 1px 1px 0px rgba(122, 55, 55, 0.2);text-align:left;">
                                                <table style="width:100%;font-weight:300;margin-bottom:10px;border-collapse:collapse;text-align:left;">
                                                    <tbody>

                                                    <tr style="font-weight:300">

                                                        <td style="width:3.2%;max-width:30px;"></td>
                                                        <!--                                                        {{ &#45;&#45;中间表格，正文使用&#45;&#45; }}-->
                                                        <td style="max-width:480px;text-align:left;">
<!--                                                            {{ &#45;&#45;以下是正文&#45;&#45; }}-->
                                                            <!--                                                            {{ &#45;&#45;可以是标题&#45;&#45; }}-->
                                                            <h1 id="cTMail-title"
                                                                style="font-size: 20px; line-height: 36px; margin: 0px 0px 22px;">
                                                                【ZCOJ平台】欢迎登录账号
                                                            </h1>

                                                            <div id="cTMail-userName"
                                                                 style="font-size:14px;color:#333; line-height:24px; margin:0;">
                                                                尊敬的 <span th:text="${username}"></span> 用户，您好！
                                                            </div>

                                                            <p class="cTMail-content"
                                                               style="line-height: 24px; margin: 6px 0px 0px; overflow-wrap: break-word; word-break: break-all;">
                                                                <span style="color: rgb(51, 51, 51); font-size: 14px;">你的邮箱验证码如下
                                                                    <span style="font-weight: bold;">非本人操作可忽略。</span>
                                                                </span>
                                                            </p>


                                                            <div class="cTMail-content"
                                                                 style=";font-size: 14px; color: rgb(51, 51, 51); line-height: 24px; margin: 6px 0px 0px; word-wrap: break-word; word-break: break-all;">

                                                                <div id="cTMail-btn" th:text="${code}"
                                                                     style="align-items: center;width: 30%;font-size: 20px; line-height: 45px; display: block; background-color: rgb(0, 164, 255); color: rgb(255, 255, 255); text-align: center; text-decoration: none; margin-top: 20px; border-radius: 5px;margin-left: 35%">
                                                                </div>
                                                            </div>

                                                            <div class="cTMail-content"
                                                                 style="text-align: center;line-height: 24px; margin: 6px 0px 0px; overflow-wrap: break-word; word-break: break-all;">
                                                                <span style="color: rgb(51, 51, 51); font-size: 14px;">
                                                                     <br>
                                                                    验证码十分钟内有效

                                                                    <br>
                                                                    无法正常显示？请联系管理员。
                                                                    <br>
                                                                    <a href="https://gitee.com/shengxiadeshengxia"
                                                                       title=""
                                                                       style="color: rgb(0, 164, 255); text-decoration: none; word-break: break-all; overflow-wrap: normal; font-size: 14px;">
                                                                        管理员链接
                                                                    </a>
                                                                </span>
                                                            </div>
                                                        </td>

                                                        <td style="width:3.2%;max-width:30px;"></td>
                                                    </tr>
                                                    </tbody>
                                                </table>
                                            </div>


                                            <div id="cTMail-copy"
                                                 style="text-align:center; font-size:12px; line-height:18px; color:#999">
                                                <table style="width:100%;font-weight:300;margin-bottom:10px;border-collapse:collapse">
                                                    <tbody>
                                                    <tr style="font-weight:300">

                                                        <td style="width:3.2%;max-width:30px;"></td>

                                                        <td style="max-width:540px;">

                                                            <p style="text-align:center; margin:20px auto 14px auto;font-size:12px;color:#999;">
                                                                此为系统邮件，请勿回复。
                                                            </p>
                                                        </td>

                                                        <td style="width:3.2%;max-width:30px;"></td>
                                                    </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </td>
                                        <td style="width:3%;max-width:30px;"></td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </span>
                    <br>
                </div>
            </div>
        </div>
    </includetail>
</div>

</body>
</html>